/*****************************************************************************************
 * X2CRM Open Source Edition is a customer relationship management program developed by
 * X2Engine, Inc. Copyright (C) 2011-2013 X2Engine Inc.
 * 
 * This program is free software; you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License version 3 as published by the
 * Free Software Foundation with the addition of the following permission added
 * to Section 15 as permitted in Section 7(a): FOR ANY PART OF THE COVERED WORK
 * IN WHICH THE COPYRIGHT IS OWNED BY X2ENGINE, X2ENGINE DISCLAIMS THE WARRANTY
 * OF NON INFRINGEMENT OF THIRD PARTY RIGHTS.
 * 
 * This program is distributed in the hope that it will be useful, but WITHOUT
 * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
 * FOR A PARTICULAR PURPOSE.  See the GNU Affero General Public License for more
 * details.
 * 
 * You should have received a copy of the GNU Affero General Public License along with
 * this program; if not, see http://www.gnu.org/licenses or write to the Free
 * Software Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA
 * 02110-1301 USA.
 * 
 * You can contact X2Engine, Inc. P.O. Box 66752, Scotts Valley,
 * California 95067, USA. or at email address contact@x2engine.com.
 * 
 * The interactive user interfaces in modified source and object code versions
 * of this program must display Appropriate Legal Notices, as required under
 * Section 5 of the GNU Affero General Public License version 3.
 * 
 * In accordance with Section 7(b) of the GNU Affero General Public License version 3,
 * these Appropriate Legal Notices must retain the display of the "Powered by
 * X2Engine" logo. If the display of the logo is not reasonably feasible for
 * technical reasons, the Appropriate Legal Notices must display the words
 * "Powered by X2Engine".
 *****************************************************************************************/

/**
 * CSS styles for forms generated by yiic.
 *
 * The styles can be applied to the following form structure:
 *
 * <div class="form">
 *	 <div class="row">
 *		 <label for="inputid">xyz</label>
 *		 <input name="inputid" id="inputid" type="text" />
 *		 <p class="hint">hint text</p>
 *	 </div>
 *	 <div class="row">
 *		 <label for="inputid">xyz</label>
 *		 <input name="inputid" id="inputid" type="text" />
 *		 <p class="hint">hint text</p>
 *	 </div>
 *	 <div class="row buttons">
 *		 <label for="inputid">xyz</label>
 *		 <input name="inputid" id="inputid" type="text" />
 *		 <p class="hint">hint text</p>
 *	 </div>
 * </div>
 *
 * The above code will render the labels and input fields in separate lines.
 * In order to render them in the same line, please use the "wide" form as follows,
 *
 * <div class="wide form">
 *	 ......
 * </div>
 *
 * @author Qiang Xue <qiang.xue@gmail.com>
 * @link http://www.yiiframework.com/
 * @copyright Copyright &copy; 2008-2010 Yii Software LLC
 * @license http://www.yiiframework.com/license/
 */


#form-box {
	background:#f8f8f8;
	border:1px solid #ccc;
	-moz-border-radius:		4px;
	-o-border-radius:		4px;
	-webkit-border-radius:	4px;
	border-radius:			4px;
}
#form-box div.draggable {
	/* background:white; */
}
#form-box div.label {
	font-size:10px;
	color:#666;
	/* font-weight:bold; */
	/* display:block;
	width:auto;
	padding:1px 3px; 
	background:#eee;
	border:1px solid #ccc;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px; */
}
#form-box {
	font-weight:bold;
}
div.form, div.wide.form {
	-moz-border-radius:		4px;
	-o-border-radius:		4px;
	-webkit-border-radius:	4px;
	border-radius:			4px;
	/* -moz-box-shadow:		0 1px 6px rgba(0,0,0,0.5);
	-webkit-box-shadow:		0 1px 6px rgba(0,0,0,0.5);
	box-shadow:				0 1px 6px rgba(0,0,0,0.5); */
	background:#fff;
	border:1px solid #aaa;
	clear:both;
	margin:0 0 5px 0;
	padding:5px 10px;
	width:auto;
	overflow:auto;
}
#content > div.form {
	-moz-border-radius:		0;
	-o-border-radius:		0;
	-webkit-border-radius:	0;
	border-radius:			0;
	border-width:0 0 1px 0;
	margin:0;
}
div.form.no-border, div.wide.form.no-border {
	border:none;
	padding:0;
	background:none;
	-moz-box-shadow:		none;
	-webkit-box-shadow:		none;
	box-shadow:				none;
}
div.form.hidden {
	display:none;
}
div.form.details a {
	text-decoration:none;
}
div.form.no-border input, div.form.no-border textarea, div.form.no-border select, div.form.no-border button {
	margin:0;
}
div.form input:focus, div.form textarea:focus, div.form select:focus, div.form button:focus,
.ui-dialog input:focus {
	border-color:#579100;
/* 	border:1px solid green; */
}
div.form.thin {
	border:none;
	padding:3px;
	margin:0 0 5px 0;
}
div.form.thin input, div.form.thin textarea, div.form.thin select {
	margin: 3px 0;
	padding:2px 4px;
}

div.form input,div.form textarea,div.form select,
.ui-dialog input {
	margin: 3px 0 5px 0;
	border:1px solid #aaa;
	-moz-border-radius:		3px;
	-o-border-radius:		3px;
	-webkit-border-radius:	3px;
	border-radius:			3px;
}
/*div.form input, div.form textarea {
	-webkit-appearance:none;
}*/
div.form input[type="checkbox"] {
	-webkit-appearance:checkbox;
}
div.form input[type="button"], div.form input[type="submit"] {
	-webkit-appearance:button;
}
div.form input[type="file"] {
	border:none;
}
div.form fieldset {
	-moz-border-radius:7px;
	border: 1px solid #DDD;
	margin: 0 0 10px 0;
	padding: 10px;
}
table.details td.label {
	font-size:11px;
	font-weight:bold;
}
div.form label {
	display:block;
	font-size:11px;
	font-weight:bold;
}
div.form textarea {
	/* overflow:hidden; */
}
div.form .top.row {
	margin-top:10px;
}
div.form .row {
	width:auto;
	clear:both;
	overflow:auto;
}
div.form .cell {
	display:block;
	float:left;
	margin-right:5px;
}
div.form .cell.right {
	float:right;
	width:200px;
}
div.form .hint {
	color: #999;
	margin: 0;
	padding: 0;
}
div.form .note {
	font-style: italic;
}
div.form span.required {
	color: red;
}
div.form div.error label,div.form label.error,div.form span.error {
	color: #C00;
}
div.form div.error input,div.form div.error textarea,div.form div.error select,div.form input.error,div.form textarea.error,div.form select.error,
.ui-dialog input.error {
	background: #FEE;
	border-color: #C00;
}
/* div.form div.success input,div.form div.success textarea,div.form div.success select,div.form input.success,div.form textarea.success,div.form select.success {
	background: #E6EFC2;
	border-color: #C6D880;
} */

div.row input[type=text].focus,div.formInputBox input[type=text].focus {
	background: #E6EFC2;
	border-color: #C6D880;
}

div.form .errorSummary {
	background: #FEE;
	border: 2px solid #C00;
	font-size: 0.9em;
	padding: 7px 7px 12px 7px;
}

div.form .errorMessage {
	color: red;
	font-size: 0.9em;
}

div.form .errorSummary p {
	margin: 0;
	padding: 5px;
}

div.form .errorSummary ul {
	margin: 0;
	padding: 0 0 0 20px;
}

div.wide.form label, .wide.cell label {
	display:inline;
	float:left;
	margin-right:10px;
	position:relative;
	text-align:right;
	width:100px;
}
div.form .background-row {
	width:350px;
	display:block;
}
div.form .background-row a.delete-link {
	width:auto;
	color:#06c;
	float:right;
	background:none;
}
#login-page {
	width:360px;
	border:1px solid #bbb;
	/* background:url(../images/login_stripes.png) center 50px no-repeat; */
	/* background:#eaeaea; */
	background:#eee;
	/* background-color:#87a155;
	background-color:rgba(255,255,255,0.25); */
	min-height:0;
	/* position:relative; */
	top:40%;
	margin:-130px auto 0 auto;
	padding:20px;
	position:relative;
	/* border:1px solid rgba(0,0,0,0.25); */
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-o-border-radius:6px;
/* 	-moz-box-shadow:	0 3px 10px rgba(0,0,0,0.25);
	-webkit-box-shadow:	0 3px 10px rgba(0,0,0,0.25);
	box-shadow:			0 3px 10px rgba(0,0,0,0.25); */
}
#login-box{
	width:auto;
	/* padding-bottom:5px; */
}
#login-logo {
	/* display:block; */
	/* float:left; */
	margin:22px 10px 0 -5px;
}
#login-box h2 {
	font-size:16px;
	font-family:Georgia;
	margin-bottom:10px;
	/* margin-left:-20px; */
}
#login-form {
	/* background: #f0f0f0; */ /* Old browsers */
	/* background: -moz-linear-gradient(top, #f0f0f0 0%, #dddddd 100%); */ /* FF3.6+ */
	/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#dddddd)); */ /* Chrome,Safari4+ */
	/* background: -webkit-linear-gradient(top, #f0f0f0 0%,#dddddd 100%); */ /* Chrome10+,Safari5.1+ */
	/* background: -o-linear-gradient(top, #f0f0f0 0%,#dddddd 100%); */ /* Opera 11.10+ */
	/* background: -ms-linear-gradient(top, #f0f0f0 0%,#dddddd 100%); */ /* IE10+ */
	/* background: linear-gradient(to bottom, #f0f0f0 0%,#dddddd 100%); */ /* W3C */
	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#dddddd',GradientType=0 ); */ /* IE6-9 */
	
	background:none;
	margin-bottom:0;
	padding:10px 20px;
	border:none;
	overflow:hidden;
	/* border:1px solid #ccc; */
	border:none;
	border-bottom:1px solid #aaa;
	-moz-border-radius:		0;
	-o-border-radius:		0;
	-webkit-border-radius:	0;
/* 	border-radius:			4px;
	-moz-box-shadow:	inset 0 1px 2px rgba(0,0,0,0.6);
	-webkit-box-shadow:	inset 0 1px 2px rgba(0,0,0,0.6);
	box-shadow:			inset 0 1px 2px rgba(0,0,0,0.6); */
	/* border:1px solid #ddd; */
	/* border-color:rgba(0,0,0,0.2); */
}
#login-form .cell.right {
	float:right;
	margin-right:0;
	width:auto;
}
#login-form .row {
	overflow:visible; 
}
#login-form label {
	font-weight:bold;
	font-size:12px;
	color:#777;
}
#login-form input:focus {
	border-color:#aaa;
}
#login-form #google-icon {
	height:16px;
	width:16px;
	vertical-align:top;
	margin-top:-1px;
}
#login-form #mobile-icon {
	margin-left:10px;
	height:18px;
	width:18px;
	vertical-align:top;
	margin-top:-2px;
}
#LoginForm_username, #LoginForm_password {
	width:200px;
	color: #444;
	font-size:16px;
	line-height:24px;
	vertical-align:center;
	font-weight: bold;
	-moz-box-shadow:	inset 0 1px 3px rgba(0,0,0,0.25);
	-webkit-box-shadow:	inset 0 1px 3px rgba(0,0,0,0.25);
	box-shadow:			inset 0 1px 3px rgba(0,0,0,0.25);
}
#LoginForm_rememberMe {
	/*margin-left:10px; 
	margin-top:10px; */
	border:none !important;
	width: 13px;
	height: 13px;
	padding: 0;
	margin:0;
	vertical-align: bottom;
	position: relative;
	*overflow: hidden;
}
#login-form input.x2-button {
	padding: 10px 25px;	/* extra big! */
	float:left;
	border:1px solid #295ca0;
	-moz-box-shadow:	none;
	-webkit-box-shadow:	none;
	box-shadow:			none;
	color:#fff;
	
	text-shadow: none !important;

	background: #417dcd; /* Old browsers */
	background: -moz-linear-gradient(top, #417dcd 0%, #3d70b4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#417dcd), color-stop(100%,#3d70b4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #417dcd 0%,#3d70b4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #417dcd 0%,#3d70b4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #417dcd 0%,#3d70b4 100%); /* IE10+ */
	background: linear-gradient(to bottom, #417dcd 0%,#3d70b4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#417dcd', endColorstr='#3d70b4',GradientType=0 ); /* IE6-8 */
	/* border:none; */
}
#login-form input.x2-button:hover {
	background: #488fe2; /* Old browsers */
	background: -moz-linear-gradient(top,  #488fe2 0%, #4380cc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#488fe2), color-stop(100%,#4380cc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #488fe2 0%,#4380cc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #488fe2 0%,#4380cc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #488fe2 0%,#4380cc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #488fe2 0%,#4380cc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#488fe2', endColorstr='#4380cc',GradientType=0 ); /* IE6-9 */
}
#login-form input.x2-button:active {
	
	-moz-box-shadow:	inset 0 1px 3px rgba(0,0,0,0.25);
	-webkit-box-shadow:	inset 0 1px 3px rgba(0,0,0,0.25);
	box-shadow:			inset 0 1px 3px rgba(0,0,0,0.25);
	background: #3d70b4; /* Old browsers */
	background: -moz-linear-gradient(top,  #3d70b4 0%, #417dcd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d70b4), color-stop(100%,#417dcd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #3d70b4 0%,#417dcd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #3d70b4 0%,#417dcd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #3d70b4 0%,#417dcd 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #3d70b4 0%,#417dcd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d70b4', endColorstr='#417dcd',GradientType=0 ); /* IE6-9 */
}

#login-form #login-links a {opacity:0.5;}
#login-form #login-links a:hover {opacity:1;}

#login-form a.x2touch-link {display:inline-block;margin-top:5px;font-size:10px;text-decoration:none;color:#666;}
#login-form a.x2touch-link:hover {text-decoration:underline;}

#login-form a.x2touch-link img {vertical-align:top;}

#login-version, #login-x2engine {
	display:block;
	margin:0;
	text-align:center;
	font-weight:bold;
	font-size:10px;
	color:#999;
    margin-top:5px;
	margin-bottom:-15px;
	text-decoration:none;
}
#login-x2engine a{
	color:#999;
    margin-top:0;
}
#login-x2engine a:hover {
	text-decoration:underline;
}

.admin-screen h2 {
	background-repeat:no-repeat;
	background-position:middle left;
	background-color:transparent;
	padding-left:55px;
	line-height:48px;
}
.admin-screen h2#admin-email {background-image:url(../images/admin_email.png);}
.admin-screen h2#admin-settings {background-image:url(../images/admin_settings.png);}
.admin-screen h2#admin-studio {background-image:url(../images/admin_studio.png);}
.admin-screen h2#admin-support {background-image:url(../images/admin_support.png);}
.admin-screen h2#admin-users {background-image:url(../images/admin_users.png);}
.admin-screen h2#admin-utilities {background-image:url(../images/admin_utilities.png);}
.admin-screen h2#admin-workflow {background-image:url(../images/admin_workflow.png);}


#inline-email-form label {
	width:80px;
}
#inline-email-form input[type="text"], #inline-email-form textarea {
	width:465px;
}
#inline-email-form img#email-sending-icon {
	position:absolute;
	height:32px;
	width:32px;
	margin:10px 0 0 10px;
	display:none;
}
#inline-email-form a {
	text-decoration:none;
}
#inline-email-form input#emailSendTime {
	width:120px;
}
#inline-email-form #email-attachments {margin-top:5px;overflow:visible;}

div.form select[multiple="multiple"] {
	/*min-width:130px;*/
}

div.form textarea {
	width:556px;
	padding:2px 4px;
}
div.text-area-wrapper {
	width:auto;
	margin:0 0 5px 0;
	padding:2px 4px;
	border:1px solid #aaa;
	-moz-border-radius:		2px;
	-o-border-radius:		2px;
	-webkit-border-radius:	2px;
	border-radius:			2px;
	background:#fff;
}
div.text-area-wrapper textarea {width:100%;margin:0;padding:0 !important;border:none;}

div.form input, div.form textarea, div.form select, div.form button,
.ui-dialog input {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding:2px 4px;
}
div.form input.x2-button, div.form button.x2-button {
	padding:5px 20px;
}
div.form input.x2-button.small, div.form button.x2-button.small {
	padding:5px 10px;
}
div.form .row.checkbox label, div.form .row.checkbox input, .cell.checkbox label, .cell.checkbox input {
	display:inline;
}
div.wide.form .row {
	clear:both;
}
div.form .row.buttons input, div.form .row.buttons button, div.form .row.buttons select, div.form .row.buttons a.x2-button {
	float:left;
	margin:0 10px 0 0;
}
div.form .float-row {
	overflow:auto;
}
div.form .float-row input, div.form .float-row button, div.form .float-row select {
	float:left;
	margin:0 10px 0 0;
}

div.form .row.buttons {
	/* margin-top:10px; */
}
div.wide.form .buttons, div.wide.form .hint, div.wide.form .errorMessage {
	clear:left;
	padding-left:110px;
}

.file-wrapper {
	display: inline-block;
	overflow: hidden;
	position: relative;
}

.file-wrapper input {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}

.file-wrapper input {
  filter: alpha(opacity=50);
  -moz-opacity: 0.01;
  opacity: 0.01;
}

.x2-file-wrapper {
	display: inline-block;
	overflow: visible;
	position: relative;
}

.x2-file-wrapper .x2-file-input {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 100%;
}

::-webkit-file-upload-button {

}

.x2-file-wrapper .x2-file-input {
  filter: alpha(opacity=1);
  -moz-opacity: 0.01;
  opacity: 0.01;
  z-index: 100;
}

.x2-file-wrapper .filename {
	position: absolute; 
	filter: alpha(opacity=0); 
	-moz-opacity: 0.00; 
	opacity: 0.00;
	left: 10px;
}

#campaign-attachments {margin-right:0;margin-bottom:0;}

#campaign-attachments.x2-state-active, #campaign-attachments.x2-state-hover {box-shadow: inset 0 0 4px 1px #579100;}
.x2-state-active, .form.x2-state-active {background:#c9dda1 !important;}
.x2-state-hover, .form.x2-state-hover {background:#acce67 !important;}

html .cke_skin_kama.ui-state-active .cke_wrapper {background:#c9dda1;box-shadow:inset 0 0 4px 1px #579100;}
html .cke_skin_kama.ui-state-hover .cke_wrapper {background:#acce67;box-shadow:inset 0 0 4px 1px #579100;}

div.row label.x2-email-label {
	font-size: 1.0em;
}


html .cke_contents iframe {
	-moz-border-radius:		5px;
	-o-border-radius:		5px;
	-webkit-border-radius:	5px;
	border-radius:			5px;
}
html span.cke_skin_kama {
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
	border-radius:			5px;
	border:1px solid #ccc;
	padding:0;
}
html span.cke_skin_kama#cke_Campaign_content {
	-moz-border-radius:		0px;
	-webkit-border-radius:	0px;
	border-radius:			0px;
	border:none;
}


html .cke_skin_kama .cke_wrapper {
	background-image:none;
	background-color:#eee;
}
html .cke_skin_kama .cke_focus {
	outline:none;
}

